import { Routes,Route,Navigate } from 'react-router-dom'
import Index from './pages/index'
import Register from './pages/register'
import Login from './pages/login'
import Detail from './pages/detail'
import Catelist from './pages/catelist'
import Order from './pages/order'
 

import '../src/assets/css/reset.css'
import './assets/js/rem'

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path='/index/*' element={<Index></Index>} ></Route>
        <Route path='/login' element={<Login></Login>} ></Route>
        <Route path='/order' element={<Order></Order>} ></Route>
        <Route path='/catelist' element={<Catelist></Catelist>} ></Route>
        <Route path='/register' element={<Register></Register>} ></Route>
        <Route path='/detail/:idm' element={<Detail></Detail>} ></Route>
        <Route path='*' element={<Navigate to='/index' />} ></Route>
      </Routes>
    </div>
  );
}

export default App;
